<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/swiper-4.2.2.min.css"/>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<link rel="stylesheet" type="text/css" href="css/find.css"/>
<link rel="stylesheet" type="text/css" href="css/material.css"/>
<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/swiper-4.2.2.min.js" type="text/javascript" charset="utf-8"></script>
<title>推广素材</title>	
</head>
<body>
<!--轮播图-->
<div class="swiper-container" id="banner">
	<div class="swiper-wrapper">
		<div class="swiper-slide"><img src="images/banner.png" ></div>
		<div class="swiper-slide"><img src="images/banner.jpg" ></div>
	</div>
	<div class="swiper-pagination"></div>
</div>
<div class="tab">
	<div class="item active" data-id="1">官方精选</div>
	<div class="item" data-id="2">推广图文</div>
	<div class="item" data-id="3">活动图文</div>
</div>
<!--官方精选-->
<div class="newslist" id="item1">
	<a href="news_show.html" class="item">
		<div class="img" style="background: url(images/img.png) no-repeat center; background-size: cover;"></div>
		<div class="info">
			<h3>光大时尚COSMO 联名信用卡</h3>
			<p></p>
		</div>
	</a>
	<a href="news_show.html" class="item">
		<div class="img" style="background: url(images/img.png) no-repeat center; background-size: cover;"></div>
		<div class="info">
			<h3>8月转正的 代理看过来！</h3>
			<p>直推普通客户转正，补贴限时上调，享受boss级待遇</p>
		</div>
	</a>
</div>
<div class="newslist" id="item2" style="display: none;">
	<a href="news_show.html" class="item">
		<div class="img" style="background: url(images/img.png) no-repeat center; background-size: cover;"></div>
		<div class="info">
			<h3>躺着日挣万元，怎么做到的？</h3>
			<p>人生总是，先相信后看见。机会来了， 相信就会拥有！</p>
		</div>
	</a>
	<a href="news_show.html" class="item">
		<div class="img" style="background: url(images/img.png) no-repeat center; background-size: cover;"></div>
		<div class="info">
			<h3>上半年银行信用卡刷出13万亿...</h3>
			<p>四家银行发卡量破亿章</p>
		</div>
	</a>
	<a href="news_show.html" class="item">
		<div class="img" style="background: url(images/img.png) no-repeat center; background-size: cover;"></div>
		<div class="info">
			<h3>2018年中国企业500强名单发布</h3>
			<p>中国企业500强入围门栏首次突破300 亿元，实现了16连升。</p>
		</div>
	</a>
	<a href="news_show.html" class="item">
		<div class="img" style="background: url(images/img.png) no-repeat center; background-size: cover;"></div>
		<div class="info">
			<h3>缺一次钱，你就懂了。</h3>
			<p>看到一个问题：“这世界上缺什么东 西最可怕？”</p>
		</div>
	</a>
	<a href="news_show.html" class="item">
		<div class="img" style="background: url(images/img.png) no-repeat center; background-size: cover;"></div>
		<div class="info">
			<h3>马云：抓住机遇，赚在人前</h3>
			<p>面对新的机遇，很多人都经历过四个 阶段：看不见，看不起，看不懂...</p>
		</div>
	</a>
	<a href="news_show.html" class="item">
		<div class="img" style="background: url(images/img.png) no-repeat center; background-size: cover;"></div>
		<div class="info">
			<h3>8月转正的 代理看过来！</h3>
			<p>直推普通客户转正，补贴限时上调，享受boss级待遇</p>
		</div>
	</a>
</div>
<div class="newslist" id="item3" style="display: none;">
	<div class="nodata">暂无数据</div>
</div>
<div class="tmenu">
	<a href="./" class="item1"><img src="images/goHome.png" ></a>
	<a href="#" class="item1" onclick="javascript:history.back(-1);"><img src="images/back.png" ></a>
</div>
</body>
</html>
<script type="text/javascript">
var banner = new Swiper('#banner',{
	autoplay: true,
	pagination: {
    el: '.swiper-pagination',
  },
	observer:true,
	observeParents: true
});
//选项切换
$(function(){
	$('.tab .item').click(function(){
		var id = $(this).attr('data-id');
		$('.tab .item').removeClass('active');
		$(this).addClass('active');
		$('.newslist').hide();
		$('#item' + id).show()
	})
})
</script>
